<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Cache-Control" content="max-age=600">
    <link rel="stylesheet" type="text/css" href="/static/style.css" />
    <link type="text/css" href="/static/css/ui.all.css" rel="stylesheet" /> 
    {% if color %}
     <style type="text/css">
     body
         {
           background-color: {% block color %}auto{% endblock %};
         }
     </style>
     {% endif %}
<!--    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui-1.7.2.custom.js"></script>
  <script type="text/javascript">
  {% block functions %}{% endblock %}
  $(document).ready(function() {
    $(document).keypress(function(event) {
      if (event.which == '116' || event.which == '105') {
        location.href = "/tag"
      }
      if (event.which == '110') {
      {% if next %}
        location.href = "{{ source }}/{{ next }}";
      {% endif %}
      }
      if (event.which == '112') {
      {% if previous %}
        location.href = "{{ source }}/{{ previous }}";
      {% endif %}
      }
      if (event.which == '113') { // 'q'
        $('.help').slideUp();
      }
      if (event.which == '104') { // 'h'
        $('.help-teaser').hide();
        $('.help').slideToggle();
      }
    });
  $('.navigation').wrap('<center><h3></h3></center>');
  $('.label-title').wrap('<center><h1></h1></center>');
  $('.help').wrap('<center><p></p></center>');
  $('.help-teaser').wrap('<center><p></p></center>');
  {% block script %} {% endblock %}
});
  </script>
    <title>{% block title %}F-Spot Cloud{% endblock %}</title>
  </head>
  <body>
  <div class="help-teaser">
  Press <b>h</b> for help.
  </div>
  <div class="help">
  {% block help %}
  You can use the 'n' and 'p' keys for navigating forward and backward respectively. You can go to the label index by pressing 'i' or 't'. On a one-image page you can move up to the label index page you came from by pressing the 'u' key. Good luck!
  {% endblock %}
  </div>
  <div id="content">
  {% block content %}
  {% endblock %}
  
  {% block navigation %}
  <div class="navigation">
    {% if previous %}
    <a accesskey="p" href="{{ source }}/{{ previous }}">Previous</a>
    {% endif %}
    <a href="/tag">Label index</a>
    {% if next %}
    <a accesskey="n" href="{{ source }}/{{ next }}">Next</a>
    {% endif %}
  </div>
  </div>
  {% endblock %}
  
  <center>
    <img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" alt="Powered by Google App Engine" />
  </center>
  <div id="opensource">
    <center><a href="http://code.google.com/p/fspotcloud/" >The F-Spot Cloud Project Home
            </a>
    <center>
  </div>
  </body>
</html>
